<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>今日热榜</title>

    <!--360 browser -->
    <meta name="renderer" content="webkit">
    <meta name="author" content="wos">
    <!-- Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="images/i/app.png">
    <!--Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="images/i/app.png">
    <!--Win8 or 10 -->
    <meta name="msapplication-TileImage" content="images/i/app.png">
    <meta name="msapplication-TileColor" content="#e1652f">

    <link rel="icon" type="image/png" href="images/i/favicon.png">
    <link rel="stylesheet" href="assets/css/amazeui.min.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="https://www.vvhan.com/usr/themes/Joe/assets/css/joe.normalize.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.1/theme-chalk/index.min.css">
    <script src="https://fastly.jsdelivr.net/npm/vue@2/dist/vue.min.js"></script>
    <script src="https://cdn.staticfile.org/axios/0.26.1/axios.min.js"></script>
    <script src="https://cdn.staticfile.org/element-ui/2.15.1/index.min.js"></script>
    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="assets/js/jquery.min.js"></script>
    <!--<![endif]-->
    <!--[if lte IE 8 ]>
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
    <script src="assets/js/amazeui.ie8polyfill.min.js"></script>
    <![endif]-->
    <script src="assets/js/amazeui.min.js"></script>
    <script src="js/public.js"></script>
</head>
<body>

<header class="am-topbar am-topbar-fixed-top wos-header">
    <div class="am-container">
        <h1 class="am-topbar-brand">
            <a href="https://liuhaotian1122.gitee.io/"><img src="images/logo.png" alt=""></a>
        </h1>

        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-warning am-show-sm-only"
                data-am-collapse="{target: '#collapse-head'}">
            <span class="am-sr-only">导航切换</span>
            <span class="am-icon-bars"></span>
        </button>

        <div class="am-collapse am-topbar-collapse" id="collapse-head">
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li class="am-active"><a href="https://liuhaotian1122.gitee.io/">首页</a></li>
                <li><a href="boke.html">博客</a></li>
                <li class="am-dropdown" data-am-dropdown>
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
                        小事 <span class="am-icon-caret-down"></span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li class="am-dropdown-header">最近有些忙呀~</li>
						<li><a href="https://liuhaotian1122.gitee.io/haotians-personal-station/">返回旧版</a></li>
                        <li><a href="http://tool.mkblog.cn/relax/" style="color: red;">
						<div id="panel"><?xml version="1.0" encoding="UTF-8"?><svg width="30" height="30" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" fill="#f8e71c" stroke="#333" stroke-width="2" stroke-linejoin="bevel"/><path d="M31 31C31 31 29 35 24 35C19 35 17 31 17 31" stroke="#333" stroke-width="2" stroke-linecap="square" stroke-linejoin="bevel"/><path d="M31 18V22" stroke="#333" stroke-width="2" stroke-linecap="square" stroke-linejoin="bevel"/><path d="M17 18V22" stroke="#333" stroke-width="2" stroke-linecap="square" stroke-linejoin="bevel"/></svg>
						点击放松一下</a></li>
                    </ul>
                </li>
                <li><a href="game.html">游戏</a></li>
                <li><a href="最近更新.html">更新</a></li>
            </ul>
            <div class="am-topbar-right">
                <a href="https://www.lanzouw.com/b02oefvsf"><button class="am-btn am-btn-danger am-topbar-btn am-btn-sm"><span class="am-icon-user"></span>下载文件</button></a>
            </div>
        </div>
    </div>
</header>


            <body>
            <style>
                #main a {
                    color: #000;
                    text-decoration: none;
                }

                #main {
                    background-color: #f9f9f9;
                    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
                    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                }



                body #main header .link h2 {
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 34px;
                }

                body #main .title {
                    box-sizing: border-box;
                    text-align: center;
                    line-height: 72px;
                    margin-top: 5px;
                    transition: 0.5s;
                    user-select: none;
                    background-color: #0d0e53;
                    color: #fff;
                    animation: uk-text-shadow-glitch 0.65s cubic-bezier(1, -1.91, 0, 2.79) 0s infinite normal both running;
                    border-radius: 10px;
                    box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 20%);
                }

                body #main .contant {
                    margin-top: 36px;
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    grid-row-gap: 16px;
                    grid-column-gap: 16px;
                }

                body #main .contant .ref {
                    display: flex;
                    justify-content: flex-end;
                    margin-top: 16px;
                    overflow: hidden;
                }

                body #main .contant .ref img {
                    height: 15px;
                    width: 15px;
                    cursor: pointer;
                }

                body #main .contant .ref img:hover {
                    animation: refImg 2s linear infinite;
                }

                body #main .contant .box {
                    position: relative;
                    box-sizing: border-box;
                    padding: 12px 20px;
                    border-radius: 6px;
                    background-color: #fff;
                    box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 20%);
                }

                body #main .contant .box .refd {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background-color: rgba(214, 211, 211, 0.5);
                    z-index: 1;
                }

                body #main .contant .box .refd .refround {
                    margin: auto;
                    width: 20px;
                    height: 20px;
                    border-radius: 50%;
                    border: 4px solid #000;
                    border-left-color: transparent;
                    animation: refdroundi 1s linear infinite;
                }

                body #main .contant .box .div_s {
                    font-size: 16px;
                }

                body #main .contant .box .div_s .div_s-title {
                    display: flex;
                    justify-content: space-between;
                    margin-bottom: 12px;
                    color: #282a2d;
                }

                body #main .contant .box .div_s .div_s-title .l {
                    display: flex;
                    align-items: center;
                }

                body #main .contant .box .div_s .div_s-title .l img {
                    height: 16px;
                    padding-right: 6px;
                }

                body #main .contant .box .div_s .div_s-title .l h3 {
                    font-size: 16px;
                }

                body #main .contant .box .div_s .div_s-title .r {
                    display: flex;
                    align-items: center;
                }

                body #main .contant .box .div_s .div_s-title .r span {
                    font-size: 13px;
                }

                body #main .contant .box .div_s .div_s-con::-webkit-scrollbar {
                    width: 5px;
                }

                body #main .contant .box .div_s .div_s-con::-webkit-scrollbar-thumb {
                    background-color: #c0c0c0;
                    border-radius: 6px;
                }

                body #main .contant .box .div_s .div_s-con::-webkit-scrollbar-thumb:hover {
                    background-color: red;
                    border-radius: 6px;
                }

                body #main .contant .box .div_s .div_s-con::-webkit-scrollbar-track {
                    box-shadow: inset 0 0 0 #c0c0c0;
                }

                body #main .contant .box .div_s .div_s-con {
                    height: 200px;
                    font-size: 14px;
                    font-weight: normal;
                    color: #282a2d;
                    overflow-y: auto;
                }

                body #main .contant .box .div_s .div_s-con li {
                    display: flex;
                    min-height: 21px;
                    margin-bottom: 10px;
                    word-wrap: break-word;
                    line-height: 1.5;
                }

                body #main .contant .box .div_s .div_s-con li>span {
                    display: inline-block;
                    margin-right: 10px;
                    width: 18px;
                    height: 18px;
                    border-radius: 3px;
                    background-color: rgb(88, 111, 142);
                    color: #fff;
                    font-size: 12px;
                    line-height: 18px;
                    text-align: center;
                    overflow: hidden;
                }

                body #main .contant .box .div_s .div_s-con li:nth-of-type(1)>span {
                    background-color: rgb(255, 80, 34);
                }

                body #main .contant .box .div_s .div_s-con li:nth-of-type(2)>span {
                    background-color: rgb(255, 144, 38);
                }

                body #main .contant .box .div_s .div_s-con li:nth-of-type(3)>span {
                    background-color: rgb(246, 192, 50);
                }

                body #main .contant .box .div_s .div_s-con li>a {
                    flex: 1;
                    display: flex;
                    justify-content: space-between;
                    margin-top: -2.5px;
                }


                @media screen and (max-width: 990px) {
                    body #main .contant {
                        grid-template-columns: repeat(2, 1fr);
                    }
                }

                @media screen and (max-width: 680px) {
                    body #main .contant {
                        grid-template-columns: repeat(1, 1fr);
                    }
                }

                @keyframes uk-text-shadow-glitch {
                    0% {
                        text-shadow: none;
                    }

                    25% {
                        text-shadow: -2px -2px 0 #ff0048, 2px 2px 0 #3234ff;
                    }

                    50% {
                        text-shadow: 2px -2px 0 #ff0048, -2px 2px 0 #3234ff;
                    }

                    75% {
                        text-shadow: -2px 2px 0 #ff0048, 2px -2px 0 #3234ff;
                    }

                    100% {
                        text-shadow: 2px 2px 0 #ff0048, -2px -2px 0 #3234ff;
                    }
                }

                @keyframes refImg {
                    0% {
                        transform: rotate(0deg);
                    }

                    25% {
                        transform: rotate(90deg);
                    }

                    50% {
                        transform: rotate(180deg);
                    }

                    75% {
                        transform: rotate(270deg);
                    }

                    100% {
                        transform: rotate(360deg);
                    }
                }

                @keyframes refdroundi {
                    0% {
                        transform: translateY(calc(144px - 50%)) rotate(0deg);
                    }

                    25% {
                        transform: translateY(calc(144px - 50%)) rotate(90deg);
                    }

                    50% {
                        transform: translateY(calc(144px - 50%)) rotate(180deg);
                    }

                    75% {
                        transform: translateY(calc(144px - 50%)) rotate(270deg);
                    }

                    100% {
                        transform: translateY(calc(144px - 50%)) rotate(360deg);
                    }
                }
            </style>
            <body>
            <section id="main">
                <div class="title">

                    <h2>今日热榜</h2>
                </div>
                <div class="contant">
                    <div class="box">
                        <transition name="el-fade-in-linear">
                            <div class="refd" v-show="JSONDATAS['baiduRD']['ref']">
                                <div class="refround"></div>
                            </div>
                        </transition>
                        <div class="div_s">
                            <div class="div_s-title">
                                <div class="l"><img src="https://hot.vvhan.com/static/images/baidu.png">
                                    <h3>百度热点</h3>
                                </div>
                                <div class="r"><span>指数</span></div>
                            </div>
                            <ul class="div_s-con">
                                <li v-for="itm in JSONDATAS['baiduRD']['data']" :key="itm.index">
                                    <span>{{itm.index}}</span>
                                    <a :href="itm[clientKey]" target="_blank">
                                        <span>{{itm.title}}</span>
                                        <span>{{itm.hot}}</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="ref"><img src="https://hot.vvhan.com/static/images/ref.jpg" @click="getDatas('baiduRD')"></div>
                    </div>
                    <div class="box">
                        <transition name="el-fade-in-linear">
                            <div class="refd" v-show="JSONDATAS['huPu']['ref']">
                                <div class="refround"></div>
                            </div>
                        </transition>
                        <div class="div_s">
                            <div class="div_s-title">
                                <div class="l"><img src="https://hot.vvhan.com/static/images/bilibili.png">
                                    <h3>哔哩哔哩</h3>
                                </div>
                                <div class="r"><span>全站日榜</span></div>
                            </div>
                            <ul class="div_s-con">
                                <li v-for="itm in JSONDATAS['bili']['data']" :key="itm.index">
                                    <span>{{itm.index}}</span>
                                    <a :href="itm[clientKey]" target="_blank">
                                        <span>{{itm.title}}</span>
                                        <span>{{itm.hot}}</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="ref"><img src="https://hot.vvhan.com/static/images/ref.jpg" @click="getDatas('bili')"></div>
                    </div>
                    <div class="box">
                        <transition name="el-fade-in-linear">
                            <div class="refd" v-show="JSONDATAS['ssPai']['ref']">
                                <div class="refround"></div>
                            </div>
                        </transition>
                        <div class="div_s">
                            <div class="div_s-title">
                                <div class="l"><img src="https://hot.vvhan.com/static/images/lssdjt.png">
                                    <h3>历史上的今天</h3>
                                </div>
                                <div class="r"><span></span></div>
                            </div>
                            <ul class="div_s-con">
                                <li v-for="itm in JSONDATAS['history']['data']" :key="itm.index">
                                    <span>{{itm.index}}</span>
                                    <a :href="itm[clientKey]" target="_blank">
                                        <span>{{itm.title}}</span>
                                        <span>{{itm.hot}}</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="ref"><img src="https://hot.vvhan.com/static/images/ref.jpg" @click="getDatas('history')"></div>
                    </div>
                    <div class="box">
                        <transition name="el-fade-in-linear">
                            <div class="refd" v-show="JSONDATAS['wbHot']['ref']">
                                <div class="refround"></div>
                            </div>
                        </transition>
                        <div class="div_s">
                            <div class="div_s-title">
                                <div class="l"><img src="https://hot.vvhan.com/static/images/weibo.png">
                                    <h3>微博</h3>
                                </div>
                                <div class="r"><span>热搜榜</span></div>
                            </div>
                            <ul class="div_s-con">
                                <li v-for="itm in JSONDATAS['wbHot']['data']" :key="itm.index">
                                    <span>{{itm.index}}</span>
                                    <a :href="itm[clientKey]" target="_blank">
                                        <span>{{itm.title}}</span>
                                        <span>{{itm.hot}}</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="ref"><img src="https://hot.vvhan.com/static/images/ref.jpg" @click="getDatas('wbHot')"></div>
                    </div>
                    <div class="box">
                        <transition name="el-fade-in-linear">
                            <div class="refd" v-show="JSONDATAS['zhihuHot']['ref']">
                                <div class="refround"></div>
                            </div>
                        </transition>
                        <div class="div_s">
                            <div class="div_s-title">
                                <div class="l"><img src="https://hot.vvhan.com/static/images/zhihu.png">
                                    <h3>知乎热榜</h3>
                                </div>
                                <div class="r"><span>热度</span></div>
                            </div>
                            <ul class="div_s-con">
                                <li v-for="itm in JSONDATAS['zhihuHot']['data']" :key="itm.index">
                                    <span>{{itm.index}}</span>
                                    <a :href="itm[clientKey]" target="_blank">
                                        <span>{{itm.title}}</span>
                                        <span>{{itm.hot}}</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="ref"><img src="https://hot.vvhan.com/static/images/ref.jpg" @click="getDatas('zhihuHot')"></div>
                    </div>
                    <div class="box">
                        <transition name="el-fade-in-linear">
                            <div class="refd" v-show="JSONDATAS['douyinHot']['ref']">
                                <div class="refround"></div>
                            </div>
                        </transition>
                        <div class="div_s">
                            <div class="div_s-title">
                                <div class="l"><img src="https://hot.vvhan.com/static/images/douyin.png">
                                    <h3>抖音</h3>
                                </div>
                                <div class="r"><span>热点榜</span></div>
                            </div>
                            <ul class="div_s-con">
                                <li v-for="itm in JSONDATAS['douyinHot']['data']" :key="itm.index">
                                    <span>{{itm.index}}</span>
                                    <a :href="itm[clientKey]" target="_blank">
                                        <span>{{itm.title}}</span>
                                        <span>{{itm.hot}}</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="ref"><img src="https://hot.vvhan.com/static/images/ref.jpg" @click="getDatas('douyinHot')"></div>
                    </div>
                    <div class="box">
                        <transition name="el-fade-in-linear">
                            <div class="refd" v-show="JSONDATAS['itInfo']['ref']">
                                <div class="refround"></div>
                            </div>
                        </transition>
                        <div class="div_s">
                            <div class="div_s-title">
                                <div class="l"><img src="https://hot.vvhan.com/static/images/ithome.png">
                                    <h3>IT资讯最新</h3>
                                </div>
                                <div class="r"><span></span></div>
                            </div>
                            <ul class="div_s-con">
                                <li v-for="itm in JSONDATAS['itNews']['data']" :key="itm.index">
                                    <span>{{itm.index}}</span>
                                    <a :href="itm[clientKey]" target="_blank">
                                        <span>{{itm.title}}</span>
                                        <span>{{itm.hot}}</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="ref"><img src="https://hot.vvhan.com/static/images/ref.jpg" @click="getDatas('itNews')"></div>
                    </div>
                    <div class="box">
                        <transition name="el-fade-in-linear">
                            <div class="refd" v-show="JSONDATAS['baiduRY']['ref']">
                                <div class="refround"></div>
                            </div>
                        </transition>
                        <div class="div_s">
                            <div class="div_s-title">
                                <div class="l"><img src="https://hot.vvhan.com/static/images/baidu.png">
                                    <h3>百度贴吧</h3>
                                </div>
                                <div class="r"><span>热议榜</span></div>
                            </div>
                            <ul class="div_s-con">
                                <li v-for="itm in JSONDATAS['baiduRY']['data']" :key="itm.index">
                                    <span>{{itm.index}}</span>
                                    <a :href="itm[clientKey]" target="_blank">
                                        <span>{{itm.title}}</span>
                                        <span>{{itm.hot}}</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="ref"><img src="https://hot.vvhan.com/static/images/ref.jpg" @click="getDatas('baiduRY')"></div>
                    </div>
                    <div class="box">
                        <transition name="el-fade-in-linear">
                            <div class="refd" v-show="JSONDATAS['douban']['ref']">
                                <div class="refround"></div>
                            </div>
                        </transition>
                        <div class="div_s">
                            <div class="div_s-title">
                                <div class="l"><img src="https://hot.vvhan.com/static/images/douban.png">
                                    <h3>豆瓣小组</h3>
                                </div>
                                <div class="r"><span>讨论精选</span></div>
                            </div>
                            <ul class="div_s-con">
                                <li v-for="itm in JSONDATAS['douban']['data']" :key="itm.index">
                                    <span>{{itm.index}}</span>
                                    <a :href="itm[clientKey]" target="_blank">
                                        <span>{{itm.title}}</span>
                                        <span>{{itm.hot}}</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
            </section>
            <script src="https://hot.vvhan.com/static/js/main.js"></script>
            </body></body>




<div data-am-widget="gotop" class="am-gotop am-gotop-fixed" >
    <a href="#top" title="回到顶部">
        <span class="am-gotop-title">回到顶部</span>
        <i class="am-gotop-icon am-icon-chevron-up"></i>
    </a>
</div>

<footer>
                <h6 class="right copy-right"><a href="https://www.happynewyear.life/?k=2ii2kl">Copyright</a> &copy; <a href="https://liuhaotian1122.gitee.io/" target="_blank" title="2022 浩天的个人站">2023 浩天的个人站</a></h6>
</footer>
</body>
</html>
<script src="https://ohan.gitee.io/ohan/HanKu/HanJs/HanImageBox.js"></script>
<script>
$(function () {$("img[src$=jpg],img[src$=gif],img[src$=png],img[src$=jpeg]").addClass("spotlight").each(function () {this.onclick = function () {return hs.expand(this)}});})
</script>